body {
    background:   #880; // Tschitscheringrün
}

/* Div-Container= Ganzer Bildschirm */
.container {
  position: relative;
  width:100%;
  height:100%;
  display: table;
}

/* Bild als Block behandeln und diesen horizontal zentrieren */
/* 95 Prozent, da sonst durch den weißen Rand das Bild unten überhängt */
.bild {
  display: block;
  height:100%;
  border:10px solid white;
  margin-left: auto;
  margin-right: auto;

}

/* #overlay: id=overlay angesprochen*/
#overlay {
    position:absolute;
    bottom:10%; /* Höhe des unteren Randes über dem unteren Rand des Bildes */
    left:20%;
    /*left: 0;*/
    width:200px;
    height: 1.5em;
    line-height: 1.5em;
    /*text-align: center; bringt nichts */
    /*margin-left:auto;*/
    margin-right:auto;

    /* display:block; bringt Textfeld nach links */
    /* margin: 0 auto; bringt nichts */
 
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: black; 
    background-color: white;
    /*background-color: hsla(0,0%,100%,0.3);  transparent */
    
    border:3px solid maroon;
    
    
}